{% extends 'base.html' %}
{% block head %}

 
	<link href="{{ path }}js/plugins/datatables/DT_bootstrap.css" rel="stylesheet">
	<link href="{{ path }}js/plugins/responsive-tables/responsive-tables.css" rel="stylesheet"> 
    
  <script src="{{ path }}js/demos/demo.tables.js"></script>
  <script src="{{ path }}js/plugins/datatables/jquery.dataTables.js"></script>
  <script src="{{ path }}js/plugins/datatables/DT_bootstrap.js"></script>
	<script src="{{ path }}js/plugins/responsive-tables/responsive-tables.js"></script>
    
  <script src="{{ path }}js/plugins/msgGrowl/js/msgGrowl.js"></script>
	<script src="{{ path }}js/plugins/msgAlert/js/msgAlert.js"></script>
  <script src="{{ path }}js/plugins/timepicker/jquery.ui.timepicker.min.js"></script>
  <script src="{{ path }}js/plugins/colorpicker/js/bootstrap-colorpicker.js"></script>
  <script src="{{ path }}js/plugins/lightbox/jquery.lightbox.js"></script>
  <script src="{{ path }}js/demos/demo.ui-elements.js"></script>
    
  <link href="{{ path }}js/plugins/smartwizard/smart_wizard.modified.css" rel="stylesheet"> 
	<script src="{{ path }}js/plugins/smartwizard/jquery.smartWizard-2.0.modified.js"></script>
	<script src="{{ path }}js/demos/demo.wizard.js"></script>
  <script src="{{ path }}js/jquery.numeric.js"></script>

  <script src="{{ path }}js/JavaScriptUtil.js"></script>
  <script src="{{ path }}js/InputMask.js"></script>
  <script src="{{ path }}js/Parsers.js"></script>

{% endblock %}
{% load humanize %}
{% block jquery %}	
   hide();
   hideProveedor();

  $("#ajuste").numeric();
  $("#retefuente").numeric();
  $("#reteiva").numeric();
  $("#transporte").numeric();
  $("#factura-no").numeric();
	$("#subtotal").numeric();
    $("#iva").numeric();
    $("#total").numeric();
    $("#producto-valor").numeric();
    $("#producto-iva").numeric();
    $("#cantidad").numeric();
    
	$( '#frm_factura' ).submit(function() {
    		factura = $('#factura-no').attr('value');
        proveedor = $('#proveedor-id').attr('value');
    		emision = $('#emision').attr('value');
        total = $('#total').attr('value');
    		if(factura != 0 && proveedor != 0 && emision != 0){
            	return true;
            }
            else{
            	alert("Diligencie todos los campos obligatorios.")
    			return false;
            }
    });

    
    
{% endblock %}


{% block javascript %}

    var subtotal_factura = 0;
    var iva_factura = 0;
    var total_factura = 0;

    window.onload = setup;

    function setup(){
        var decimalSeparator = ",";
        var groupSeparator = ".";
		/*	
        var numParser = new NumberParser(-1, decimalSeparator, groupSeparator, true);
        numParser.negativeParenthesis = true;
        var numMask1 = new NumberMask(numParser, "producto-valor");
        var numMask2 = new NumberMask(numParser, "producto-iva");
        var numMask3 = new NumberMask(numParser, "ajuste");
		    var numMask4 = new NumberMask(numParser, "retefuente");
    		var numMask5 = new NumberMask(numParser, "transporte");
        var numMask6 = new NumberMask(numParser, "reteiva");
    		numMask1.leftToRight = true;
        numMask2.leftToRight = true;
        numMask3.leftToRight = true;
    		numMask4.leftToRight = true;
    		numMask5.leftToRight = true;
        numMask6.leftToRight = true;
		*/
    }

    cargarDatos();

    function cargarDatos(){
        {% if Factura.subtotal != "" %}
            subtotal_factura = "{{ Factura.subtotal|default_if_none:0 }}";
            subtotal_factura = subtotal_factura.replace(",", ".");
            subtotal_factura = parseFloat(subtotal_factura);
        {% endif %} 
        {% if Factura.iva != "" %}
            iva_factura = "{{ Factura.iva|default_if_none:0 }}";
            iva_factura = iva_factura.replace(",", ".");
            iva_factura = parseFloat(iva_factura);
        {% endif %} 
        {% if Factura.total != "" %}
            total_factura = "{{ Factura.total|default_if_none:0 }}";
            total_factura = total_factura.replace(",", ".");
            total_factura = parseFloat(total_factura);
        {% endif %} 
        
    }


    function calculaIva(){
      /*
        var iva=0;
        iva = $("#total").attr("value") - $("#subtotal").attr("value");
        $("#iva").val(iva);
        */
    }


    function calculaTotalProducto(){
        var total = 0;
        var cantidad = parseInt($("#cantidad").val());
        
        var unitario = $("#producto-valor").val();
        unitario = unitario.replace(".", "");
        unitario = unitario.replace(",", ".");
        unitario = parseFloat(unitario);

        var iva = $("#producto-iva").val();
        iva = iva.replace(".", "");
        iva = iva.replace(",", ".");
        iva = parseFloat(iva);

        if(isNaN(cantidad)) { cantidad = 0; }
        if(isNaN(unitario)) { unitario = 0; }
        if(isNaN(iva))      { iva = 0; }

        total = cantidad * (unitario + iva);
        total = Math.round(total*10)/10;
        $("#producto-total").val(total);
    }

    function actualizarFactura(){
        if(isNaN(subtotal_factura)) { subtotal_factura = 0; }
        if(isNaN(iva_factura))      { iva_factura = 0; }
        if(isNaN(total_factura))    { total_factura = 0; }

        $("#subtotal").val(subtotal_factura);
        $("#iva").val(iva_factura);
        
        var ajuste = $("#ajuste").val();
        ajuste = ajuste.replace(".", "");
        ajuste = ajuste.replace(",", ".");
        vlr_ajuste = ajuste.replace("(", "-");
		vlr_ajuste = vlr_ajuste.replace(")", "");
        vlr_ajuste = parseFloat(vlr_ajuste);
		if(isNaN(vlr_ajuste)) { vlr_ajuste = 0; }

        $("#vlr_ajuste").val(vlr_ajuste);
		
		    var retefuente = $("#retefuente").val();
        retefuente = retefuente.replace(".", "");
        retefuente = retefuente.replace(",", ".");
        retefuente = parseFloat(retefuente);

        if(isNaN(retefuente)) { retefuente = 0; }


        var reteiva = $("#reteiva").val();
        reteiva = reteiva.replace(".", "");
        reteiva = reteiva.replace(",", ".");
        reteiva = parseFloat(reteiva);

        if(isNaN(reteiva)) { reteiva = 0; }       

		var transporte = $("#transporte").val();
        transporte = transporte.replace(".", "");
        transporte = transporte.replace(",", ".");
        transporte = parseFloat(transporte);

        if(isNaN(transporte)) { transporte = 0; }       

        total_factura = subtotal_factura + iva_factura + vlr_ajuste + retefuente + reteiva + transporte;
        total_factura = Math.round(total_factura*10)/10;
        $("#total").val(total_factura);
    }

    function getData(value){
		  sede = $("#sede").val();
		
        if(value != ""){
            $("#ajaxresults").show();
            $.ajax({
              url: "/bsq_productoVenta/",
              type: "POST",
              data : { sede_id:sede, 
						producto:value, 
                       },
              dataType: "html",
              success: function(datos) {
                  $("#ajaxresults").html(datos);
              }
          });
        }else{
            $("#producto-id").val("");
            hide();
        }
    }

    function hide(){
        $("#ajaxresults").hide();
    }

    function copyToBox(value){
        $("#producto-live").val(value.html());
        $("#producto-id").val(value.attr("value"));
        $('#producto-id').attr('cantidad', value.attr("cantidad"));
        $('#producto-id').attr('lote', value.attr("lote"));
        $('#producto-id').attr('vencimiento', value.attr("vencimiento"));
        $("#producto-unitario").val(value.attr("vlr_compra"));
        hide();
    }

    

    function getProveedor(value){
        if(value != ""){
            $("#ajaxProveedores").show();
            $.ajax({
              url: "/bsq_proveedor/",
              type: "POST",
              data : {proveedor:value, 
                       },
              dataType: "html",
              success: function(datos) {
                  $("#ajaxProveedores").html(datos);
              }
          });
        }else{
            $("#proveedor-id").val("");
            hide();
        }
    }

    function copyToProveedor(value){
        $("#proveedor-live").val(value.html());
        $("#proveedor-id").val(value.attr("value"));
        hideProveedor();
    }

    function hideProveedor(){
        $("#ajaxProveedores").hide();
    }




	function agregarFila(obj){
      
      if($("#producto-id").val() != ""){
        	$("#cant_campos").val(parseInt($("#cant_campos").val()) + 1);
      		var oId = $("#cant_campos").val();
          var producto = $("#producto-live").val();
          var producto_id = $("#producto-id").val();
      		var cantidad = parseInt($("#cantidad").val());
      		var lote = $("#producto-id").attr("lote");
      		var vencimiento = $("#producto-id").attr("vencimiento");
      		
          var unitario = $("#producto-valor").val();
          unitario = unitario.replace(".", "");
          unitario = unitario.replace(",", ".");
          unitario = parseFloat(unitario);

          var iva = $("#producto-iva").val();
          iva = iva.replace(".", "");
          iva = iva.replace(",", ".");
          iva = parseFloat(iva);

          if(isNaN(cantidad)) { cantidad = 0; }
          if(isNaN(unitario)) { unitario = 0; }
          if(isNaN(iva))      { iva = 0; }

          if(cantidad<=0){
              alert("Debe digitar una cantidad válida.");
         }
         else{
              if(parseInt($("#producto-id").attr("cantidad")) >= parseInt(cantidad)){
                    var strHtml1 = '<input type="hidden" id="hdnItem_' + oId + '" name="hdnItem_' + oId + '" value="0"/>' + "<td>" + producto + '<input type="hidden" id="hdnProducto_' + oId + '" name="hdnProducto_' + oId + '" value="' + producto_id + '"/></td>';
                    var strHtml2 = "<td>" + cantidad + '<input type="hidden" id="hdnCantidad_' + oId + '" name="hdnCantidad_' + oId + '" value="' + cantidad + '"/></td>' ;
                    var strHtml3 = "<td>" + lote + '<input type="hidden" id="hdnLote_' + oId + '" name="hdnLote_' + oId + '" value="' + lote + '"/></td>' ;
                    var strHtml4 = "<td>" + vencimiento + '<input type="hidden" id="hdnVencimiento_' + oId + '" name="hdnVencimiento_' + oId + '" value="' + vencimiento + '"/></td>' ;
                    var strHtml5 = "<td>" + unitario + '<input type="hidden" id="hdnUnitario_' + oId + '" name="hdnUnitario_' + oId + '" value="' + unitario + '"/></td>' ;
                    var strHtml6 = "<td>" + iva + '<input type="hidden" id="hdnIva_' + oId + '" name="hdnIva_' + oId + '" value="' + iva + '"/></td>' ;
                    var strHtml7 = '<td><img src="{{ path }}images/delete.png" width="16" height="16" alt="Eliminar" onclick="if(confirm(\'¿Realmente desea eliminar el producto?\')){eliminarFila(' + oId + ');}"/>';
                    strHtml7 += '<input type="hidden" id="hdnIdCampos_' + oId +'" name="hdnIdCampos[]" value="' + oId + '" /></td>';
                    var strHtmlTr = "<tr id='rowProducto_" + oId + "'></tr>";
                    var strHtmlFinal = strHtml1 + strHtml2 + strHtml3 + strHtml4 + strHtml5 + strHtml6 + strHtml7;
                    //tambien se puede agregar todo el HTML de una sola vez.
                    //var strHtmlTr = "<tr id='rowProducto_" + oId + "'>" + strHtml1 + strHtml2 + strHtml3 + strHtml4 + strHtml5 + strHtml6 + strHtml7 +"</tr>";
                    $("#tbProductos").append(strHtmlTr);
                    //si se agrega el HTML de una sola vez se debe comentar la linea siguiente.
                    $("#rowProducto_" + oId).html(strHtmlFinal);

                    subtotal_factura = subtotal_factura + (unitario * cantidad);
                    iva_factura = iva_factura + (iva * cantidad);
                    total_factura = subtotal_factura + iva_factura;
                    
                    actualizarFactura();

                    $('#producto-live').attr('value', '');
                    $('#cantidad').attr('value', '');
                    $('#producto-unitario').attr('value', '');
                    $('#producto-valor').attr('value', '');
                    $('#producto-iva').attr('value', '');
                    $('#producto-total').attr('value', '');

                    return false;
              }
              else{
                    alert("La cantidad excede la existente en inventario.");
              }
        }
          
      }
      else{
          alert("No es un producto válido.");
      }
	}
    
	function eliminarFila(oId){
            value = $("#hdnItem_" + oId).val();
            unitario = parseInt($("#hdnUnitario_" + oId).val());
            cantidad = parseInt($("#hdnCantidad_" + oId).val());
            iva = parseInt($("#hdnIva_" + oId).val());

            $.ajax({
              url: "/inventario/facturas_venta/borrarItem/",
              type: "POST",
              data : {item:value, 
                       },
              dataType: "html",
              success: function(datos) {
                if (datos==1 || datos==2){
                  subtotal_factura = subtotal_factura - (unitario * cantidad);
                  iva_factura = iva_factura - (iva * cantidad);
                  total_factura =  (subtotal_factura + iva_factura);
                  actualizarFactura();


                  $("#rowProducto_" + oId).remove();
                }
                else{
                  alert(datos);
                }
              }
          });
         
	    
		return false;
	}

	function cancelar(){
	    $("#tbProductos").html("");	
		return false;
	}

{% endblock %}

{% block contenido %}
<div class="span12">
	      		
        <div class="widget">
                
            <div class="widget-header">
                <h3>
                    <i class="icon-magic"></i>
                    Seguimiento a préstamos
                </h3>
            </div> <!-- /widget-header -->
            
            <div class="widget-content">
                                
                <form id="frm_factura" action="/inventario/prestamo/guardar/" method="POST" class="form-horizontal">
					{% csrf_token %}
                    <div id="wizard" class="swMain">
                        
                        <ul class="wizard-steps">
                            <li>
                                <a href="#step-1" class="">
                                    <div class="wizard-step-number">1</div>
                                    <div class="wizard-step-label">Detalles de préstamo</div>
                                    <div class="wizard-step-bar"></div>
                                </a>		
                            </li>
                            <li>
                                <a href="#step-2" class="">
                                    <div class="wizard-step-number">2</div>
                                    <div class="wizard-step-label">Ítems de préstamo</div>
                                    <div class="wizard-step-bar"></div>
                                </a>
                            </li>
                        </ul>
    
                        <div id="step-1">	  				
                            
                            <h3>Detalles de préstamo:</h3>

                            <br />
                            
                            <div class="row-fluid">
                                
                                <div class="span6">
                                    <div class="control-group">
                                        <label class="control-label" for="input01">Sede:</label>
                                        <div class="controls">
                                          <!--  {% if Factura.id %} disabled=false {% endif %} -->
                                          <select name="sede" id="sede">
                                            {% if Sedes|length > 0 %}
                                                <option value="0">- SELECCIONE -</option>
                                             {% endif %}
                                            {% for sede in Sedes %}
                                                <option value="{{ sede.sede.id }}" {% if sede.sede.id == Factura.sede_id %} selected="selected" {% endif %} >{{ sede.sede.nombre }}</option>
                                            {% endfor %}
                                          
                                            </select>
                                        </div>
                                    </div>

                                     <div class="control-group">
                                        <label class="control-label" for="bizname">Factura No.:</label>
                                        <div class="controls">
                                          <input type="text" class="input-medium" id="factura-no" name="factura-no" required="required" maxlength="20" value="{{ Factura.numero }}">
                                          <input type="hidden" id="factura-id" name="factura-id" value="{{ Factura.id }}">
                                          <input type="hidden" id="tipo-movimiento" name="tipo-movimiento" value="{{ tipo_movimiento }}">
                                        </div>
                                      </div>
                                        
                                      <div class="control-group">
                                          <label class="control-label" for="bizname">Prestado a:</label>
                                          <div class="controls">
                                            <input type="text" class="input-medium" id="cliente" name="cliente" required="required" value="{{ Factura.cliente }}">
                                          </div>
                                      </div>
                                            
                                      <div class="control-group">
                                        <label class="control-label" for="bizaddress1">Fecha préstamo:</label>
                                        <div class="controls">
                                          <input class="input-medium" name="emision" id="emision" type="text" required="required" value="{{ Factura.fecha_emision|date:'d/m/Y' }}">
                                        </div>
                                      </div>
                                      
                                      <!--
                                      <div class="control-group">
                                        <label class="control-label" for="bizaddress1">Fecha vencimiento:</label>
                                        <div class="controls">
                                          <input class="input-medium" name="vencimiento" id="vencimiento" type="text" required="required" value="{{ Factura.fecha_vencimiento|date:'m-d-Y' }}">
                                        </div>
                                      </div>
                                        -->

                                      <div class="control-group">
                                        <label class="control-label" for="bizname">Orden de Venta:</label>
                                        <div class="controls">
                                          <input type="text" class="input-medium" id="orden-venta" name="orden-venta" maxlength="20" value="{{ Factura.orden_venta }}">
                                        </div>
                                      </div>
                                      
                                      <div class="control-group">
                                        <label class="control-label" for="bizname">Vendedor:</label>
                                        <div class="controls">
                                          <input type="text" class="input-medium" id="vendedor" name="vendedor" value="{{ Factura.vendedor }}">
                                        </div>
                                      </div>
                                      
                                      
                                    
                                </div> <!-- /span6 -->
                                
                                <div class="span5 offset1">
                                    
                                    <div class="control-group">
                                        <label class="control-label" for="bizname">Subtotal:</label>
                                        <div class="controls">
                                          <input type="text" class="input-medium" id="subtotal" name="subtotal" onkeyup="calculaIva();" readonly value="{{ Factura.subtotal }}">
                                        </div>
                                      </div>
                                      
                                      <div class="control-group">
                                        <label class="control-label" for="bizname">Iva:</label>
                                        <div class="controls">
                                          <input type="text" class="input-medium" id="iva" name="iva" value="{{ Factura.iva }}" readonly>
                                        </div>
                                      </div>

                                      <div class="control-group">
                                        <label class="control-label" for="bizname">Ajuste al peso:</label>
                                        <div class="controls">
                                          <input type="text" class="input-medium" id="ajuste" name="ajuste" onkeyup="actualizarFactura();"  value="{{ Factura.ajuste_peso|default_if_none:"" }}">
										  <input type="hidden" id="vlr_ajuste" name="vlr_ajuste" value="{{ Factura.ajuste_peso|default_if_none:"" }}" />
                                        </div>
                                      </div>
									  
									                   <div class="control-group">
                                        <label class="control-label" for="bizname">Retención en la fuente:</label>
                                        <div class="controls">
                                          <input type="text" class="input-medium" id="retefuente" name="retefuente" onkeyup="actualizarFactura();"  value="{{ Factura.retefuente|default_if_none:"" }}">
                                        </div>
                                      </div>


                                      <div class="control-group">
                                        <label class="control-label" for="bizname">Reteiva:</label>
                                        <div class="controls">
                                          <input type="text" class="input-medium" id="reteiva" name="reteiva" onkeyup="actualizarFactura();"  value="{{ Factura.reteiva|default_if_none:"" }}">
                                        </div>
                                      </div>
                                      
									  <div class="control-group">
                                        <label class="control-label" for="bizname">Transporte:</label>
                                        <div class="controls">
                                          <input type="text" class="input-medium" id="transporte" name="transporte" onkeyup="actualizarFactura();"  value="{{ Factura.transporte|default_if_none:"" }}">
                                        </div>
                                      </div>
                                      
                                      <div class="control-group">
                                        <label class="control-label" for="bizname">Total:</label>
                                        <div class="controls">
                                          <input type="text" class="input-medium" id="total" name="total" required="required" onkeyup="calculaIva();" readonly value="{{ Factura.total }}">
                                        </div>
                                      </div>
                                      
                                      <div class="control-group">
                                        <label class="control-label" for="bizname">Pagada:</label>
                                        <div class="controls">
                                         <input type="checkbox" id="chk-pagada" name="chk-pagada" {% if Factura.pagada %} checked="checked" {% endif %}/>
                                        </div>
                                      </div>
                                      
                                      <div class="control-group">
                                        <label class="control-label" for="bizname">Observaciones:</label>
                                        <div class="controls">
                                          <textarea class="input-large" rows id="observaciones" name="observaciones">{{ Factura.observaciones }}</textarea>
                                        </div>
                                      </div>
                                    
                                </div> <!-- /span6 -->
                                
                                
                            </div> <!-- /row-fluid -->
                                                    
                        </div> <!-- /step -->
    
    
    
                        <div id="step-2">
                            
                            <h3>Ítems prestados:</h3>
                            
                            <br />
                            <div class="row-fluid">
                                <div class="span6">
                            		<input type="hidden" id="cant_campos" name="cant_campos" value="{{ Items|length }}" />
                                    <div class="control-group">
                                        <label class="control-label" for="bizname">Producto:</label>
                                        <div class="controls">
                                          <input type="text" class="input-medium" id="producto-live" name="producto-live" autocomplete="off" onkeyup="getData(this.value);" placeholder="Digite el producto" required="required">
                                          <input type="hidden" id="producto-id" name="producto-id" cantidad=0 lote="" vencimiento="">
                                          <div id="ajaxresults"></div>
                                        </div>
                                    </div>

                                      <div class="control-group">
                                        <label class="control-label" for="bizname">Cantidad:</label>
                                        <div class="controls">
                                          <input type="number" class="input-small" id="cantidad" name="cantidad" min="1" required="required"  onkeyup="calculaTotalProducto();">
                                        </div>
                                      </div>
                                     
                                     <!--
                                     <div class="control-group">
                                        <label class="control-label" for="bizname">Lote:</label>
                                        <div class="controls">
                                          <input type="text" class="input-medium" id="lote" name="lote" required="required">
                                        </div>
                                      </div>
                                      
                                      <div class="control-group">
                                        <label class="control-label" for="bizaddress1">Fecha vencimiento:</label>
                                        <div class="controls">
                                          <input class="input-medium" name="producto-vencimiento" id="producto-vencimiento" type="text" required="required" value="">
                                        </div>
                                      </div>
                                      -->
                                      <div class="control-group">
                                        <label class="control-label" for="bizname">Valor compra:</label>
                                        <div class="controls">
                                          <input type="text" class="input-medium" id="producto-unitario" name="producto-unitario" readonly>
                                        </div>
                                      </div>
                                      
                                      <div class="control-group">
                                        <label class="control-label" for="bizname">Valor unitario:</label>
                                        <div class="controls">
                                          <input type="text" class="input-medium" id="producto-valor" name="producto-valor" onkeyup="calculaTotalProducto();">
                                        </div>
                                      </div>
                                      
                                      <div class="control-group">
                                        <label class="control-label" for="bizname">Iva:</label>
                                        <div class="controls">
                                          <input type="text" class="input-medium" id="producto-iva" name="producto-iva" onkeyup="calculaTotalProducto();">
                                        </div>
                                      </div>
                                    	
                                      <div class="control-group">
                                        <label class="control-label" for="bizname">Total:</label>
                                        <div class="controls">
                                          <input type="text" class="input-medium" id="producto-total" name="producto-total" readonly>
                                        </div>
                                      </div>


                                      <button type="button" id="btn_agregar" class="btn btn-primary btn-medium" onclick="agregarFila(document.getElementById('cant_campos'));">Agregar producto</button>
                                
                                </div> <!-- /span6 -->
                                
                                <div class="span6 offset1">
                                    <table class="table table-bordered table-striped table-highlight" id="tbProductos">
                                        <thead>
                                        <tr>
                                            <th width="40%" align="center">Producto</th>
                                            <th width="5%" align="center">Cantidad</th>
                                            <th width="10%" align="center">Lote</th>
                                            <th width="10%" align="center">Vencimiento</th>
                                            <th width="25%" align="center">v. unitario</th>
                                            <th width="15%" align="center">Iva</th>
                                            <th width="5%" align="center">Accion</th>
                                        </tr>
                                        </thead>
                                        
                                        <tbody>
                                        {% for item in Items %}
                                            <tr id="rowProducto_{{ forloop.counter }}">
                                                <input type="hidden" id="hdnItem_{{ forloop.counter }}" name="hdnItem_{{ forloop.counter }}" value="{{ item.id }}"/>
                                                <td align="left"><label>{{ item.producto }}</label>
                                                  <input type="hidden" id="hdnProducto_{{ forloop.counter }}" name="hdnProducto_{{ forloop.counter }}" value="{{ item.producto_id }}"/>
                                                </td>
                                                <td align="left"><label>{{ item.cantidad|intcomma }}</label>
                                                  <input type="hidden" id="hdnCantidad_{{ forloop.counter }}" name="hdnCantidad_{{ forloop.counter }}" value="{{ item.cantidad }}"/></td>
                                                <td align="center"><label>{{ item.producto.lote }}</label>
                                                  <input type="hidden" id="hdnLote_{{ forloop.counter }}" name="hdnLote_{{ forloop.counter }}" value="{{ item.lote }}"/></td>
                                                <td align="center"><label>{{ item.producto.fecha_vencimiento|date:'d/m/Y' }}</label>
                                                  <input type="hidden" id="hdnVencimiento_{{ forloop.counter }}" name="hdnVencimiento_{{ forloop.counter }}" value="{{ item.fecha_vencimiento|date:'d/m/Y' }}"/></td>
                                                <td align="left"><label>{{ item.valor_unitario|intcomma }}</label>
                                                  <input type="hidden" id="hdnUnitario_{{ forloop.counter }}" name="hdnUnitario_{{ forloop.counter }}" value="{{ item.valor_unitario }}"/></td>
                                                <td align="left"><label>{{ item.iva|intcomma }}</label>
                                                  <input type="hidden" id="hdnIva_{{ forloop.counter }}" name="hdnIva_{{ forloop.counter }}" value="{{ item.iva }}"/></td>
                                                <td><img src="{{ path }}images/delete.png" width="16" height="16" alt="Eliminar" onclick="if(confirm('¿Realmente desea eliminar el producto?')){eliminarFila({{ forloop.counter }});}"/>
                                                <input type="hidden" id="hdnIdCampos_{{ forloop.counter }}" name="hdnIdCampos[]" value="{{ forloop.counter }}" /></td>
                                            </tr>
                                        {% endfor %}
                                        </tbody>
                                        
                                    </table>
                                
                                </div> <!-- /span6 -->
                                
                                
                            </div> <!-- /row-fluid -->
                            
                                
                        </div> <!-- /step -->   
    
    
                </div> <!-- /wizard -->
                                    
                </form> 
                
                            
            </div> <!-- /widget-content -->
                
        </div> <!-- /widget -->
        
</div> <!-- /.span12 -->

{% endblock %}